<template>
	<!-- 大盒子 -->
	<div class="content">
		<!-- 主体内容 -->
		<!--  header  -->
		<div class="header">
			
		</div>
		<div class="main">
			<!-- 一般用于左侧树菜单 -->
			<div class="main-left">
				
			</div>
			<!-- 一般用于右侧表格 -->
			<div class="main-right">
				
			</div>
			<!-- 表格主题 -->
			<!-- 可一个个的el-table-column -->
			<!-- 也可循环tableRows -->
			<!-- handleCurrentTableChange 为单选事件 -->
			<!-- <el-table-column label="第一列" prop=""></el-table-column> -->
			<!-- <el-table-column label="第二列" prop=""></el-table-column> -->
			<!-- <el-table-column label="..." prop=""></el-table-column> -->
			<div class="table">
				
			</div>
			<!-- feet -->
			<div class="feet">
				
			</div>
			<!-- 新增等Model -->
			<div class="addModel">
				新增等内容
			</div>
		</div>
		
		
	</div>
</template>

<script>
	// selfs / js

	// 接口

	export default {
		data() {
			return {
				// str
				
				// number
				
				/* obj */
				
				// arr
				
			};
		},
		mounted() {
			
		},
		methods: {
			/*
				数据源
			*/
			loadData(){
				
			},
			
		},
	}
</script>

<style lang="less" scoped>
	// content
	.content {
		height: 100%;
		width: 100%;
		// header
		.header {
			
		}

		// main
		.main {
			padding: 12px;
		}
		
		// feet
		.feet {
			
		}

	}
</style>